@charset "utf-8";
@import "common/run";
.web {
    .qiehuan {
        position: absolute;
        top: r(37px);
        left: r(46px);
        z-index: 9;
        width: r(90px);
        height: r(38px);
        border-radius: r(10px);
        background: #e7c598;
        div.icon {
            width: r(18px);
            margin-top: r(9px);
            margin-left: r(11px);
            height: r(21px);
            background: url("../images/receive/xuanzhuan.png") no-repeat center center/cover;
        }
        div.sheng {
            width: r(61px);
            height: r(38px);
            line-height: r(38px);
            text-align: center;
            color: #bf0c21;
        }
    }
    .map {
        position: absolute;
        top: r(50px);
        left: 0;
        right: 0;
        z-index: 2;
        width: 100%;
        height: r(500px);
        .img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: r(535px);
            height: r(408px);
            margin: 0 auto;
            .zuobiao {
                position: absolute;
                z-index: 4;
                width: r(66px);
                height: r(89px);
                background: url("../images/receive/location.png") no-repeat 0 0/cover;
                .text1 {
                    display: block;
                    height: r(14px);
                    width: 100%;
                    text-align: center;
                    color: #bf0c21;
                    margin-top: r(16px);
                    font-size: r(12px);
                }
                .text2 {
                    display: block;
                    height: r(20px);
                    width: 100%;
                    text-align: center;
                    color: #bf0c21;
                    font-size: r(12px);
                    em {
                        font-size: r(28px);
                    }
                }
            }
            .shaoguan {
                left: r(265px);
                top: r(-45px);
            }
            .maoming {
                left: r(39px);
                top: r(172px);
            }
            .yangjiang {
                left: r(133px);
                top: r(172px);
            }
            .sanya {
                top: r(252px);
                left: r(145px);
            }
            .haikou {
                top: r(-30px);
                left: r(399px);
            }
        }
        .map_text {
            position: absolute;
            bottom: 0;
            right: 0;
            margin-right: r(29px);
            z-index: 3;
            width: r(420px);
            height: r(150px);
            text-align: right;
            color: #e7c598;
            .text1 {
                font-size: r(28px);
                line-height: r(54px);
                em {
                    padding: 0 r(20px);
                    font-size: r(40px);
                }
            }
            .text2 {
                font-size: r(40px);
                line-height: r(54px);
            }
            .text3 {
                font-size: r(28px);
                line-height: r(40px);
            }
        }
    }
    .text {
        position: absolute;
        bottom: r(136px);
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2;
        width: r(533px);
        height: r(320px);
        h3 {
            font-size: r(26px);
            line-height: r(40px);
            font-weight: 400;
            color: #e7c598;
        }
        p {
            font-size: r(16px);
            line-height: r(32px);
            color: #e7c598;
        }
    }
    .jl_btn {
        position: absolute;
        bottom: r(64px);
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2;
        width: r(318px);
        height: r(45px);
    }
    .change {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        background: #bf0c21;
        .change_content {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 3;
            width: r(330px);
            height: r(235px);
            .change_tip {
                width: 100%;
                height: r(38px);
                line-height: r(38px);
                text-align: center;
                font-size: r(0px);
                color: #e7c598;
            }
            .change_input {
                width: 0;
                height: r(50px);
                line-height: r(50px);
                margin: r(38px) auto r(60px);
                background: #e7c598;
                border-radius: r(10px);
                color: #bf0c21;
                font-size: r(30px);
                text-align: center;
            }
            .change_sure {
                position: relative;
                width: r(250px);
                height: r(45px);
                margin: 0 auto;
                
            }
        }
        .chenggong_mask{
            .text{
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                height: r(42px);
                line-height: r(42px);
                width: 100%;
                p{
                    height: r(42px);
                    line-height: 42px;
                    font-size: r(42px);
                }
            }
        }
        .shibai_mask{
            .text{
                position: absolute;
                top: r(84px);
                left: 0;
                height: r(32px);
                line-height: r(32px);
                width: 100%;
                p{
                    height: r(32px);
                    line-height: 32px;
                    font-size: r(32px);
                }
                .btn{
                    bottom: r(80px);
                    width: r(220px);
                    height: r(40px);
                }
            }
        }
    }

}
